<!DOCTYPE html>
<html>
<head>
	<title>财物</title>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../dist/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/atom.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/common.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/dialog.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/checkbox.pretty.css">
	<link rel="stylesheet" type="text/css" href="../dist/js/dropdown/jquery.dropdown.min.css">
</head>
<body>
	<!-- header -->
	<header>
		<div class="left">
			<a onclick="javascript:window.history.back();"><i class="fa fa-angle-left"></i><em class="fw-normal">财务审批</em></a>
		</div>
		<!-- dropdown -->
		<div class="right">
			<i class="fa fa-list-ul" data-jq-dropdown="#jq-dropdown-1"></i>
		</div>
	</header>
	<!-- header END -->
	<section class="container bg-grey">
		<div class="form-control margin-minus mgt-2px timepicker">
			<label>借款选项</label>
			<span>
				<input type="text" readonly="readonly" data-target="sortListModel" name="finance_sort_0" class="dialog-list-picker" placeholder="预借">
			</span>
		</div>
		<section>
			<div class="finance-blk" style="margin-top: -0.5rem;" data-index="0">
				<div class="finance-title">
					<span class="title-text">财务明细(1)</span>
				</div>
				<div class="form-control margin-minus">
					<label>金额(元)</label>
					<span>
						<input type="text" readonly name="finance_number_0" class="money" placeholder="500">
					</span>
				</div>
				<!-- 表单input必须以 '_x'结尾，新增项目时会顺序变化,_x之前可自命名 -->

				<div class="form-control margin-minus mgt-2px timepicker">
					<label>费用项目</label>
					<span>
						<input type="text" readonly="readonly" data-target="eventListModel" name="finance_event_0" class="dialog-list-picker" placeholder="差旅费">
					</span>
				</div>
				<div class="form-control margin-minus mgt-2px" style="height:6rem;">
					<label>费用说明(至少20字)</label>
					<textarea class="apply-textarea" readonly name="finance_desc_0" style="height:4rem;" placeholder="请输入报销说明(必填)"></textarea>
				</div>
				
			</div>
			<div class="finance-blk" style="margin-top: -0.5rem;" data-index="0">
				<div class="finance-title">
					<span class="title-text">财务明细(1)</span>
				</div>
				<div class="form-control margin-minus">
					<label>金额(元)</label>
					<span>
						<input type="text" readonly name="finance_number_0" class="money" placeholder="500">
					</span>
				</div>
				<!-- 表单input必须以 '_x'结尾，新增项目时会顺序变化,_x之前可自命名 -->
				<div class="form-control margin-minus mgt-2px timepicker">
					<label>借款选项</label>
					<span>
						<input type="text" readonly="readonly" data-target="sortListModel" name="finance_sort_0" class="dialog-list-picker" placeholder="预借">
					</span>
				</div>
				<div class="form-control margin-minus mgt-2px timepicker">
					<label>费用项目</label>
					<span>
						<input type="text" readonly="readonly" data-target="eventListModel" name="finance_event_0" class="dialog-list-picker" placeholder="差旅费">
					</span>
				</div>
				<div class="form-control margin-minus mgt-2px" style="height:6rem;">
					<label>费用说明(至少20字)</label>
					<textarea class="apply-textarea" name="finance_desc_0" style="height:4rem;" placeholder="请输入报销说明(必填)"></textarea>
				</div>
				
			</div>
			<div class="finance-blk" style="margin-top: -0.5rem;" data-index="0">
				<div class="finance-title">
					<span class="title-text">财务明细(1)</span>
				</div>
				<div class="form-control margin-minus">
					<label>金额(元)</label>
					<span>
						<input type="text" readonly name="finance_number_0" class="money" placeholder="500">
					</span>
				</div>
				<!-- 表单input必须以 '_x'结尾，新增项目时会顺序变化,_x之前可自命名 -->
				<div class="form-control margin-minus mgt-2px timepicker">
					<label>借款选项</label>
					<span>
						<input type="text" readonly="readonly" data-target="sortListModel" name="finance_sort_0" class="dialog-list-picker" placeholder="预借">
					</span>
				</div>
				<div class="form-control margin-minus mgt-2px timepicker">
					<label>费用项目</label>
					<span>
						<input type="text" readonly="readonly" readonly data-target="eventListModel" name="finance_event_0" class="dialog-list-picker" placeholder="差旅费">
					</span>
				</div>
				<div class="form-control margin-minus mgt-2px" style="height:6rem;">
					<label>费用说明(至少20字)</label>
					<textarea class="apply-textarea" readonly name="finance_desc_0" style="height:4rem;" placeholder="请输入报销说明(必填)"></textarea>
				</div>
			</div>
			<div class="form-control margin-minus mgt-1 height-auto" style="background-color: transparent;justify-content:flex-end;">
				<span class="pull-right total-money">总金额: <em class="money-text">1800</em></span>
			</div>
			

			<div class="form-control margin-minus mgt-1 height-auto">
				<label>第一级批复</label>
				<textarea class="apply-textarea" disabled="disabled" style="background-color: #FFF;">同意</textarea>
			</div>

			<div class="form-control margin-minus mgt-1 height-auto" style="min-height: 3rem;">
				<label class="disp-blk">第二级批复</label>
				<textarea onpropertychange= "this.style.posHeight=this.scrollHeight " class="apply-textarea" disabled="disabled" style="background-color: #FFF;" >同意</textarea>
			</div>
			<div class="form-control margin-minus mgt-1 height-auto">
				<label>我的批复</label>
				<textarea class="apply-textarea" placeholder="请输入请假理由(必填)"></textarea>
			</div>
			<div class="mgt-1">
				<label for="checkbox_a1">同意</label>
				<input type="radio" id="checkbox_a1" name="approval" class="chk_1" /> 
				<label style="vertical-align: middle;" for="checkbox_a1"></label>
				<label for="checkbox_a2">不同意</label>
				<input type="radio" id="checkbox_a2" name="approval" class="chk_1" /> 
				<label style="vertical-align: middle;" for="checkbox_a2"></label>
			</div>
				
			<button class="btn btn-success mgt-1">提交批复</button>
		</section>
		
	</section>
	
	<!-- nav弹出层 -->
	<div id="jq-dropdown-1" style="" class="jq-dropdown jq-dropdown-tip">
	    <ul class="jq-dropdown-menu">
	        <li><a href="index.html">主页</a></li>
	        <li><a href="applyByMe.html">我的审批</a></li>
	    </ul>
	</div>

	<script type="text/javascript" src="../dist/js/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="../dist/js/equ.js"></script>
	<!-- 下拉菜单组件 -->
	<script type="text/javascript" src="../dist/js/dropdown/jquery.dropdown.min.js"></script>
	<script type="text/javascript">
		$('#jq-dropdown-1').on('show', function(event, dropdownData) {
		    $("body").css({"overflow":"hidden"});
		}).on('hide', function(event, dropdownData) {
		    $("body").css({"overflow":""});
		});

	</script>
</body>
</html>